
                <!--Page content-->
                <!--===================================================-->
                <div id="page-content">
                    
					<div class="row">
					    <div class="eq-height">
					        <div class="col-sm-4 eq-box-sm">
					
					            <!--Basic Panel-->
					            <!--===================================================-->
					            <div class="panel">
					                <div class="panel-body">
					                    Basic panel example
					                </div>
					            </div>
					            <!--===================================================-->
					            <!--End Basic Panel-->
					
					        </div>
					        <div class="col-sm-4 eq-box-sm">
					
					            <!--Panel with Header-->
					            <!--===================================================-->
					            <div class="panel">
					                <div class="panel-heading">
					                    <h3 class="panel-title">Panel with header</h3>
					                </div>
					                <div class="panel-body">
					                    <p>Lorem ipsum dolor sit amet.</p>
					                </div>
					            </div>
					            <!--===================================================-->
					            <!--End Panel with Header-->
					
					        </div>
					        <div class="col-sm-4 eq-box-sm">
					
					            <!--Panel with Footer-->
					            <!--===================================================-->
					            <div class="panel">
					                <div class="panel-heading">
					                    <h3 class="panel-title">
					                        Panel with footer
					                    </h3>
					                </div>
					                <div class="panel-body">
					                    <p>Lorem ipsum dolor sit amet.</p>
					                </div>
					                <div class="panel-footer">Panel footer</div>
					            </div>
					            <!--===================================================-->
					            <!--End Panel with Footer-->
					
					        </div>
					    </div>
					</div>
					<hr class="new-section-sm">
					<div class="row demo-nifty-panel">
					    <div class="col-lg-6">
					
					
					        <!--Panel with Tabs-->
					        <!--===================================================-->
					        <div class="panel panel-primary">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					
					                    <!--Nav tabs-->
					                    <ul class="nav nav-tabs">
					                        <li class="active"><a data-toggle="tab" href="#demo-tabs-box-1">First Tab</a></li>
					                        <li><a data-toggle="tab" href="#demo-tabs-box-2">Second Tab</a></li>
					                    </ul>
					
					                </div>
					                <h3 class="panel-title">With tabs</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					
					                <!--Tabs content-->
					                <div class="tab-content">
					                    <div id="demo-tabs-box-1" class="tab-pane fade in active">
					                        <p class="text-main text-lg mar-no">First Tab Content</p>
					                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
					                    </div>
					                    <div id="demo-tabs-box-2" class="tab-pane fade">
					                        <p class="text-main text-lg mar-no">Second Tab Content</p>
					                        Duis autem vel eum iriure dolor in hendrerit in vulputate.
					                    </div>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End of panel with tabs-->
					
					
					        <!--Panel with Buttons-->
					        <!--===================================================-->
					        <div id="demo-panel-ref" class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <button class="demo-panel-ref-btn btn btn-default" data-target="#demo-panel-ref" data-toggle="panel-overlay">
					                        <i class="demo-psi-repeat-2 icon-fw"></i> Refresh
					                    </button>
					                    <div class="btn-group">
					                        <button data-toggle="dropdown" class="dropdown-toggle btn">
					                            <i class="caret"></i>
					                        </button>
					                        <ul class="dropdown-menu dropdown-menu-right">
					                            <li><a href="#">Action</a></li>
					                            <li><a href="#">Another action</a></li>
					                            <li><a href="#">Something else here</a></li>
					                            <li class="divider"></li>
					                            <li><a href="#">Separated link</a></li>
					                        </ul>
					                    </div>
					                </div>
					                <h3 class="panel-title">With buttons</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End of Panel with Buttons-->
					
					
					        <!--Panel with Progress bar-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <div class="progress progress-md">
					                        <div style="width: 70%" class="progress-bar progress-bar-primary progress-bar-striped active"></div>
					                    </div>
					                </div>
					                <h3 class="panel-title">With progress bar</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End panel with Progress bar-->
					
					
					        <!--Panel with Text-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <em class="text-muted"><small>Last Update - Today 12:03AM</small></em>
					                </div>
					                <h3 class="panel-title">With text</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with Text-->
					
					
					        <!--Panel with Pager-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <ul class="pager pager-rounded">
					                        <li><a href="#">Previous</a></li>
					                        <li><a href="#">Next</a></li>
					                    </ul>
					                </div>
					                <h3 class="panel-title">With pager</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with Pager-->
					
					
					        <!--Panel with Table-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <h3 class="panel-title">With table</h3>
					            </div>
					
					            <!--Default panel contents-->
					            <div class="panel-body">
					                <p>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.</p>
					            </div>
					
					
					            <!--Table-->
					            <table class="table">
					                <thead>
					                    <tr>
					                        <th class="text-center">#</th>
					                        <th>First Name</th>
					                        <th>Last Name</th>
					                        <th>Username</th>
					                    </tr>
					                </thead>
					
					                <tbody>
					                    <tr>
					                        <td class="text-center">1</td>
					                        <td>Mark</td>
					                        <td>Otto</td>
					                        <td>@mdo</td>
					                    </tr>
					                    <tr>
					                        <td class="text-center">2</td>
					                        <td>Jacob</td>
					                        <td>Thornton</td>
					                        <td>@fat</td>
					                    </tr>
					                    <tr>
					                        <td class="text-center">3</td>
					                        <td>Larry</td>
					                        <td>the Bird</td>
					                        <td>@twitter</td>
					                    </tr>
					                </tbody>
					            </table>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with Table-->
					
					
					        <!--Expanded Panel by default-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <button class="demo-panel-ref-btn btn btn-default" data-toggle="panel-overlay" data-target="#demo-panel-collapse"><i class="demo-pli-repeat-2"></i></button>
					                    <button class="btn btn-default" data-target="#demo-panel-collapse" data-toggle="collapse"><i class="demo-pli-arrow-down"></i></button>
					                    <button class="btn btn-default" data-dismiss="panel"><i class="demo-pli-cross"></i></button>
					                </div>
					                <h3 class="panel-title">Expanded by default</h3>
					            </div>
					
					            <!--Panel body-->
					            <div id="demo-panel-collapse" class="collapse in">
					                <div class="panel-body">
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Expanded Panel by default-->
					
					
					
					    </div>
					    <div class="col-lg-6">
					
					        <!--Panel with Tabs (Icon)-->
					        <!--===================================================-->
					        <div class="panel panel-success">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <ul class="nav nav-tabs">
					                        <li class="active">
					                            <a data-toggle="tab" href="#demo-tabs2-box-1">
					                                <i class="demo-pli-monitor-2 icon-lg"></i>
					                            </a>
					                        </li>
					                        <li>
					                            <a data-toggle="tab" href="#demo-tabs2-box-2">
					                                <i class="demo-pli-laptop icon-lg"></i>
					                            </a>
					                        </li>
					                    </ul>
					                </div>
					                <h3 class="panel-title">With tabs</h3>
					            </div>
					
					            <!--Panel Body-->
					            <div class="panel-body">
					                <div class="tab-content">
					                    <div id="demo-tabs2-box-1" class="tab-pane fade in active">
					                        <div class="media">
					                            <div class="media-left">
					                                <i class="demo-pli-monitor-2 text-main icon-3x"></i>
					                            </div>
					                            <div class="media-body">
					                                <p class="text-main text-lg mar-no">Personal Computer</p>
					                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
					                            </div>
					                        </div>
					                    </div>
					                    <div id="demo-tabs2-box-2" class="tab-pane fade">
					                        <div class="media">
					                            <div class="media-left">
					                                <i class="demo-pli-laptop text-main icon-3x"></i>
					                            </div>
					                            <div class="media-body">
					                                <p class="text-main text-lg mar-no">Notebook</p>
					                                Aenean commodo ligula eget dolor. Aenean massa.
					                            </div>
					                        </div>
					                    </div>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with Tabs (Icon)-->
					
					
					        <!--Panel with variety of components-->
					        <!--===================================================-->
					        <div id="demo-panel-w-alert" class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <i class="fa fa-thumbs-o-up fa-lg fa-fw"></i>
					                    <span class="badge badge-pink">7</span>
					                    <span class="label label-purple">Label</span>
					                </div>
					                <h3 class="panel-title">With variety of components</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					                <button id="demo-panel-alert" class="btn btn-primary">Add alerts</button>
					                <button id="demo-panel-alert2" class="btn btn-warning">Add Sticky alerts</button>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End panel with variety of components-->
					
					
					        <!--Panel with Switcher-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <span class="text-muted">View All </span>
					                    <input id="demo-panel-w-switch" class="toggle-switch" type="checkbox" checked>
					                    <label for="demo-panel-w-switch"></label>
					                </div>
					                <h3 class="panel-title">With switcher</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End of Panel with Switcher-->
					
					
					        <!--Panel with Bubble Information-->
					        <!--===================================================-->
					        <div class="panel">
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <a href="#fakelink" class="add-tooltip demo-pli-question-circle icon-lg unselectable" data-html="true" data-title="<h4>Information</h4><p style='width:150px'>This is an information bubble to help the user.</p>"></a>
					                </div>
					                <h3 class="panel-title">With bubble informatiion</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with Bubble Information-->
					
					
					        <!--Panel with Pagination-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <ul class="pagination">
					                        <li class="disabled"><a href="#"><i class="demo-pli-arrow-left-2"></i></a></li>
					                        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
					                        <li><a href="#">2</a></li>
					                        <li><a href="#">3</a></li>
					                        <li><a href="#">4</a></li>
					                        <li><a href="#">5</a></li>
					                        <li><a href="#"><i class="demo-pli-arrow-right-2"></i></a></li>
					                    </ul>
					                </div>
					                <h3 class="panel-title">With pagination</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with Pagination-->
					
					
					        <!--Panel with List Group-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <h3 class="panel-title">With list groups</h3>
					            </div>
					
					            <!--Default panel contents-->
					            <div class="panel-body">
					                <p>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.</p>
					            </div>
					
					            <!--List group-->
					            <ul class="list-group">
					                <li class="list-group-item">Cras justo odio</li>
					                <li class="list-group-item">Dapibus ac facilisis in</li>
					                <li class="list-group-item">Morbi leo risus</li>
					                <li class="list-group-item">Porta ac consectetur ac</li>
					                <li class="list-group-item">Vestibulum at eros</li>
					            </ul>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with List Group-->
					
					
					        <!--Collapsed Panel by default-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <button class="demo-panel-ref-btn btn btn-default" data-toggle="panel-overlay" data-target="#demo-panel-collapse-default"><i class="demo-pli-repeat-2"></i></button>
					                    <button class="btn btn-default" data-target="#demo-panel-collapse-default" data-toggle="collapse"><i class="demo-pli-arrow-down"></i></button>
					                    <button class="btn btn-default" data-dismiss="panel"><i class="demo-pli-cross"></i></button>
					                </div>
					                <h3 class="panel-title">Collapsed by default</h3>
					            </div>
					
					            <!--Panel body-->
					            <div id="demo-panel-collapse-default" class="collapse">
					                <div class="panel-body">
					                    <p>
					                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
					                        aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
					                        ex ea commodo consequat.
					                    </p>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Collapsed Panel by default-->
					
					    </div>
					</div>
					
					<hr class="new-section-sm">
					
					<div class="row demo-nifty-panel">
					    <div class="col-sm-4">
					
					        <!--Primary panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-primary">
					            <div class="panel-heading">
					                <h3 class="panel-title">Primary</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Primary Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Info Panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-info">
					            <div class="panel-heading">
					                <h3 class="panel-title">Info</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Info Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Success Panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-success">
					            <div class="panel-heading">
					                <h3 class="panel-title">Success</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Success Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Mint Panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-mint">
					            <div class="panel-heading">
					                <h3 class="panel-title">Mint</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Mint Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Warning Panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-warning">
					            <div class="panel-heading">
					                <h3 class="panel-title">Warning</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Primary Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Danger Panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-danger">
					            <div class="panel-heading">
					                <h3 class="panel-title">Danger</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Danger Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Pink Panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-pink">
					            <div class="panel-heading">
					                <h3 class="panel-title">Pink</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Pink Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Purple Panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-purple">
					            <div class="panel-heading">
					                <h3 class="panel-title">Purple</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Purple Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Dark Panel-->
					        <!--===================================================-->
					        <div class="panel panel-colorful panel-dark">
					            <div class="panel-heading">
					                <h3 class="panel-title">Dark</h3>
					            </div>
					
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Dark Panel-->
					
					    </div>
					</div>
					
					<hr class="new-section-sm">
					
					<div class="row demo-nifty-panel">
					    <div class="col-sm-4">
					
					        <!--Primary Panel-->
					        <!--===================================================-->
					        <div class="panel panel-primary">
					            <div class="panel-heading">
					                <h3 class="panel-title">Primary</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Primary Panel-->
					
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Info Panel-->
					        <!--===================================================-->
					        <div class="panel panel-info">
					            <div class="panel-heading">
					                <h3 class="panel-title">Info</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Info Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Success Panel-->
					        <!--===================================================-->
					        <div class="panel panel-success">
					            <div class="panel-heading">
					                <h3 class="panel-title">Success</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Success Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Mint Panel-->
					        <!--===================================================-->
					        <div class="panel panel-mint">
					            <div class="panel-heading">
					                <h3 class="panel-title">Mint</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Mint Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Warning Panel-->
					        <!--===================================================-->
					        <div class="panel panel-warning">
					            <div class="panel-heading">
					                <h3 class="panel-title">Warning</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Warning Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Danger Panel-->
					        <!--===================================================-->
					        <div class="panel panel-danger">
					            <div class="panel-heading">
					                <h3 class="panel-title">Danger</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Danger Panel-->
					
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Pink Panel-->
					        <!--===================================================-->
					
					        <div class="panel panel-pink">
					            <div class="panel-heading">
					                <h3 class="panel-title">Pink</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Pink Panel-->
					
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Purple Panel-->
					        <!--===================================================-->
					
					        <div class="panel panel-purple">
					            <div class="panel-heading">
					                <h3 class="panel-title">Purple</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					
					        <!--===================================================-->
					        <!--End Purple Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Dark Panel-->
					        <!--===================================================-->
					
					        <div class="panel panel-dark">
					            <div class="panel-heading">
					                <h3 class="panel-title">Dark</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					
					        <!--===================================================-->
					        <!--End Dark Panel-->
					
					    </div>
					</div>
					
					<hr class="new-section-sm">
					
					<div class="row demo-nifty-panel">
					    <div class="col-sm-4">
					
					        <!--Primary Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-primary">
					            <div class="panel-heading">
					                <h3 class="panel-title">Primary</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Primary Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Info Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-info">
					            <div class="panel-heading">
					                <h3 class="panel-title">Info</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Info Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Success Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-success">
					            <div class="panel-heading">
					                <h3 class="panel-title">Success</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Success Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Mint Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-mint">
					            <div class="panel-heading">
					                <h3 class="panel-title">Mint</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Mint Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Warning Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-warning">
					            <div class="panel-heading">
					                <h3 class="panel-title">Warning</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Primary Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Danger Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-danger">
					            <div class="panel-heading">
					                <h3 class="panel-title">Danger</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Danger Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Pink Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-pink">
					            <div class="panel-heading">
					                <h3 class="panel-title">Pink</h3>
					            </div>
					
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Pink Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Purple Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-purple">
					            <div class="panel-heading">
					                <h3 class="panel-title">Purple</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Purple Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Dark Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered panel-dark">
					            <div class="panel-heading">
					                <h3 class="panel-title">Dark</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Dark Panel-->
					
					    </div>
					</div>
					
					<hr class="new-section-sm">
					
					<div class="row demo-nifty-panel">
					    <div class="col-sm-4">
					
					        <!--Primary Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-primary">
					            <div class="panel-heading">
					                <h3 class="panel-title">Primary</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Primary Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Info Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-info">
					            <div class="panel-heading">
					                <h3 class="panel-title">Info</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Info Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Success Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-success">
					            <div class="panel-heading">
					                <h3 class="panel-title">Success</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Success Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Mint Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-mint">
					            <div class="panel-heading">
					                <h3 class="panel-title">Mint</h3>
					            </div>
					
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Mint Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Warning Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-warning">
					            <div class="panel-heading">
					                <h3 class="panel-title">Warning</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Primary Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Danger Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-danger">
					            <div class="panel-heading">
					                <h3 class="panel-title">Danger</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Danger Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Pink Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-pink">
					            <div class="panel-heading">
					                <h3 class="panel-title">Pink</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Pink Panel-->
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Purple Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-purple">
					            <div class="panel-heading">
					                <h3 class="panel-title">Purple</h3>
					            </div>
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Purple Panel-->
					
					
					    </div>
					    <div class="col-sm-4">
					
					        <!--Dark Panel-->
					        <!--===================================================-->
					        <div class="panel panel-bordered-dark">
					            <div class="panel-heading">
					                <h3 class="panel-title">Dark</h3>
					            </div>
					
					            <div class="panel-body">
					                <p>Lorem ipsum dolor sit amet.</p>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Dark Panel-->
					
					    </div>
					</div>
					
					
					
                </div>
                <!--===================================================-->
                <!--End page content-->

<script>
$(document).ready(function() {
	     var $el = $(this), relTime;
	     $el.niftyOverlay('show');
	     // Do something...
	     relTime = setInterval(function(){
	         // Hide the screen overlay
	         $el.niftyOverlay('hide');
	
	         clearInterval(relTime);
	     },2000);
	 });
	 
	 $('#demo-panel-alert').on('click', function(){
	     $.niftyNoty({
	         type: 'primary',
	         container : '#demo-panel-w-alert',
	         html : '<strong>Well done!</strong> You successfully read this important alert message.',
	         focus: false,
	         timer : 2000
	     });
	 });

	 $('#demo-panel-alert2').on('click', function(){
	     $.niftyNoty({
	         type: 'warning',
	         container : '#demo-panel-w-alert',
	         html : '<strong>Well done!</strong> You successfully read this important alert message.',
	         focus: false
	     });
	 });
</script>